﻿<html>
<hear>
<title>纵向导航菜单</title>
<style>
  #nav{
       width:200px;
       font-family:Arial;
       }
  #nav ul{
       list-style-type:nane;
       margin:0px;
       padding:0px;
       }
  #nav li{
       border-bottom:1px solid #ed9f9f;
       }
  #nav li a{
       display:block;
       padding:5px 5px 5px 0.5em;
       text-decoration:nane;
       border-left:12px solid #711515;
       border-right:1px solid #711515;
       }
  #nav li a:link,#nav li a :visited{
       background-color:#c11136;
       color:fff;
       }
  #nav li a:hover{
       background-color:#990020;
       color:ff0;
       }
</style>
<body>
    <div id="nav">
      <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">关于</a></li>
          <li><a href="#">工程</a></li>
          <li><a href="#">会员</a></li>
          <li><a href="#">联系</a></li>
      </ul>
</div>
</body>
</hear>
</html>
